﻿@charset "UTF-8";
/*#region 分页*/
.v-page-navi-bar {
  cursor: pointer;
  float: right; }
  .v-page-navi-bar > li {
    display: inline-block;
    transition: all linear .3s;
    padding: 3px 8px;
    text-align: center;
    border: 1px solid gray;
    background-color: #f4f5f9;
    margin: 0 1px; }
    .v-page-navi-bar > li:hover {
      border: 1px solid #3caed4;
      background-color: #e3f3f9; }
    .v-page-navi-bar > li.slcted {
      background-color: #3caed4;
      color: #fff; }
    .v-page-navi-bar > li.v-page-navi-info {
      cursor: default;
      border: none;
      background: none; }
      .v-page-navi-bar > li.v-page-navi-info:hover {
        border: none !important;
        background-color: none !important; }

/*#endregion*/
/*#region 树型结构*/
.v-tree {
  width: 100%;
  cursor: pointer; }
  .v-tree.vt_folded {
    animation: vtreefold 1s ease forwards; }
  .v-tree > li {
    width: 100%;
    position: relative; }

.v-tree-item {
  padding: .2rem 0;
  display: inline-block;
  width: 100%; }
  .v-tree-item:hover {
    background-color: #e3f3f9; }
  .v-tree-item.slcted {
    background-color: rgba(60, 174, 212, 0.46); }

.v-tree-expander {
  position: absolute;
  font-size: 2rem;
  /*&.icon-tree-line {
        top: .4rem;
    }

    &.icon-tree-line-node {
        top: 0;
    }*/ }
  .v-tree-expander.icon-minus-outline {
    top: .4rem !important; }
    .v-tree-expander.icon-minus-outline:hover {
      color: #f19033 !important; }
  .v-tree-expander.icon-add-outline {
    top: .4rem !important; }
    .v-tree-expander.icon-add-outline:hover {
      color: #f19033 !important; }

.v-tree-line {
  position: absolute;
  height: 100%;
  width: 2rem;
  background-image: url("/UI/imgs/components/v-tree-line.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%; }
  .v-tree-line.terminal {
    background-image: url("/UI/imgs/components/v-tree-line-end.png"); }

@keyframes vtreefold {
  0% {
    transform: scaleY(1);
    overflow: hidden; }
  100% {
    transform: scaleY(0);
    overflow: hidden; } }

@-webkit-keyframes vtreefold {
  0% {
    transform: scaleY(1);
    overflow: hidden; }
  100% {
    transform: scaleY(0);
    overflow: hidden; } }

@-moz-keyframes vtreefold {
  0% {
    transform: scaleY(1);
    overflow: hidden; }
  100% {
    transform: scaleY(0);
    overflow: hidden; } }

@-o-keyframes vtreefold {
  0% {
    transform: scaleY(1);
    overflow: hidden; }
  100% {
    transform: scaleY(0);
    overflow: hidden; } }

/*#endregion*/
/*#region 倒计时牌*/
.v-countdown {
  white-space: nowrap;
  display: inline-block; }
  .v-countdown > .vc-group {
    display: inline-block;
    overflow-x: hidden;
    padding: 5px 0 5px 5px; }
    .v-countdown > .vc-group.urgent > ul {
      color: #d86666; }
    .v-countdown > .vc-group > span {
      font-size: 1.6rem; }
    .v-countdown > .vc-group > ul {
      position: relative;
      height: 100%;
      border-radius: 5px;
      overflow: hidden;
      float: left;
      margin-right: 2px;
      box-shadow: 1px 2px 5px 0 #808080; }
      .v-countdown > .vc-group > ul > .vc-fake {
        position: relative;
        height: 100%;
        opacity: 0;
        visibility: hidden; }
      .v-countdown > .vc-group > ul > li {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        padding: 0 4px 0 0;
        text-indent: 4px;
        z-index: -1;
        font-family: "Helvetica Neue", Helvetica, sans-serif; }
        .v-countdown > .vc-group > ul > li.vc-start {
          z-index: 1; }
        .v-countdown > .vc-group > ul > li.vc-active {
          z-index: 2; }
          .v-countdown > .vc-group > ul > li.vc-active > .down {
            animation: vc-turn-up .5s .5s linear forwards; }
        .v-countdown > .vc-group > ul > li.vc-pre {
          z-index: 3; }
          .v-countdown > .vc-group > ul > li.vc-pre > .up {
            animation: vc-turn-down .5s linear forwards; }
          .v-countdown > .vc-group > ul > li.vc-pre > .down {
            animation: vc-turn-hide .5s .5s ease forwards; }
            .v-countdown > .vc-group > ul > li.vc-pre > .down:after {
              content: '';
              position: absolute;
              width: 100%;
              height: 1px;
              left: 0;
              top: -1px;
              box-shadow: 0 0 15px 0 black;
              animation: vc-turn-show .5s linear forwards; }
        .v-countdown > .vc-group > ul > li > .up {
          position: absolute;
          top: 0;
          left: 0;
          height: 50%;
          width: 100%;
          transform-origin: 50% bottom;
          overflow: hidden;
          background-color: white; }
          .v-countdown > .vc-group > ul > li > .up:after {
            content: '';
            height: 1px;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            background-color: #dddddd; }
          .v-countdown > .vc-group > ul > li > .up > div {
            position: absolute;
            top: 0;
            height: 200%; }
        .v-countdown > .vc-group > ul > li > .down {
          position: absolute;
          bottom: 0;
          left: 0;
          height: 50%;
          width: 100%;
          transform-origin: 50% 0;
          overflow: hidden;
          background-color: white; }
          .v-countdown > .vc-group > ul > li > .down > div {
            position: absolute;
            bottom: 0;
            height: 200%; }

@-webkit-keyframes vc-turn-up {
  0% {
    -webkit-transform: rotateX(90deg); }
  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes vc-turn-up {
  0% {
    -moz-transform: rotateX(90deg); }
  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes vc-turn-up {
  0% {
    -o-transform: rotateX(90deg); }
  100% {
    -o-transform: rotateX(0deg); } }

@keyframes vc-turn-up {
  0% {
    transform: rotateX(90deg); }
  100% {
    transform: rotateX(0deg); } }

@-webkit-keyframes vc-turn-down {
  0% {
    -webkit-transform: rotateX(0deg); }
  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes vc-turn-down {
  0% {
    -moz-transform: rotateX(0deg); }
  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes vc-turn-down {
  0% {
    -o-transform: rotateX(0deg); }
  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes vc-turn-down {
  0% {
    transform: rotateX(0deg); }
  100% {
    transform: rotateX(-90deg); } }

@-webkit-keyframes vc-turn-hide {
  0% {
    opacity: 100; }
  100% {
    opacity: 0; } }

@-moz-keyframes vc-turn-hide {
  0% {
    opacity: 100; }
  100% {
    opacity: 0; } }

@-o-keyframes vc-turn-hide {
  0% {
    opacity: 100; }
  100% {
    opacity: 0; } }

@keyframes vc-turn-hide {
  0% {
    opacity: 100; }
  100% {
    opacity: 0; } }

@-webkit-keyframes vc-turn-show {
  0% {
    opacity: 0; }
  100% {
    opacity: 100; } }

@-moz-keyframes vc-turn-show {
  0% {
    opacity: 0; }
  100% {
    opacity: 100; } }

@-o-keyframes vc-turn-show {
  0% {
    opacity: 0; }
  100% {
    opacity: 100; } }

@keyframes vc-turn-show {
  0% {
    opacity: 0; }
  100% {
    opacity: 100; } }

/*#endregion*/
/*#region 纵向时间轴*/
.v-time-line {
  width: 100%;
  max-width: 80rem;
  margin: 2rem auto;
  position: relative; }
  .v-time-line::before {
    content: ' ';
    position: absolute;
    border: 1px solid #3caed4;
    box-shadow: 0 0 3px 0 gray;
    height: 100%;
    left: 5rem;
    top: 1.5rem; }
  .v-time-line > li {
    margin-bottom: 1rem;
    position: relative;
    min-height: 10rem;
    /*&.by-system {
            background-color: $ClrDisableBk;
            border-radius: 10px;
        }*/ }
    .v-time-line > li:hover .vtl-node {
      transform: scale(1.5);
      background-color: #f19033;
      transition: all linear .5s; }

@media only screen and (max-width: 992px) {
  .v-time-line {
    width: 80%; } }

.vtl-head {
  width: 6rem;
  height: 10rem;
  float: left;
  margin-left: 2rem;
  text-align: center; }
  .vtl-head > i {
    font-size: 4rem;
    color: #3caed4;
    position: absolute;
    left: -2rem; }
  .vtl-head > .vtl-node {
    width: 15px;
    height: 15px;
    border-radius: 7.5px;
    display: inline-block;
    background-color: #f0f0f0;
    box-shadow: 0 0 5px 0;
    margin-top: 1rem; }
  .vtl-head > .vtl-time {
    position: absolute;
    right: 4rem;
    top: 4rem;
    text-align: right;
    width: 10rem;
    padding-right: 10px; }

.vtl-body {
  padding: .5rem 0; }
  .vtl-body > .vtl-ttl {
    font-size: 1.4rem;
    font-weight: bold;
    border-radius: 1rem;
    min-width: 7rem;
    padding: 2px 1rem;
    line-height: 1.8rem;
    background-color: #f19033;
    color: #fff;
    display: inline-block;
    text-align: center; }
  .vtl-body > .vtl-con {
    color: #8c8c8c; }
  .vtl-body > .vtl-opr {
    color: #8c8c8c; }

/*#endregion*/
/*#region 星级评分*/
.v-rating {
  width: 100%;
  overflow: hidden; }
  .v-rating tr {
    background-color: transparent !important; }
    .v-rating tr:hover {
      background-color: transparent !important; }
  .v-rating td {
    border: none !important;
    background-color: transparent !important; }

.vr-title {
  width: 8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center; }

.vr-rating {
  text-align: left; }
  .vr-rating > li {
    display: inline-block;
    font-size: 5rem;
    padding: 1rem; }
    .vr-rating > li.rating {
      color: #f19033; }
    .vr-rating > li.bad {
      color: #c51e32; }

.vr-score {
  width: 15rem;
  text-align: left; }

.vr-tip {
  background-color: #fff7bf;
  box-shadow: 0 0 2px 0 #3caed4;
  width: auto;
  min-width: 20rem;
  padding: 10px; }
  .vr-tip > li {
    margin-bottom: 5px; }
  .vr-tip .tag {
    border: 1px solid gray;
    border-radius: 5px;
    margin: 0 5px; }

.wx-v-rating {
  width: 100%;
  overflow: hidden; }
  .wx-v-rating tr {
    background-color: transparent !important; }
    .wx-v-rating tr:hover {
      background-color: transparent !important; }
  .wx-v-rating td {
    border: none !important;
    background-color: transparent !important; }

.wx-vr-rating {
  text-align: left; }
  .wx-vr-rating > li {
    display: inline-block;
    font-size: 4rem;
    padding: 5px; }
    .wx-vr-rating > li.rating {
      color: #f19033; }
    .wx-vr-rating > li.bad {
      color: #c51e32; }

.wx-vr-score {
  text-align: left;
  padding: 0 1rem; }

.wx-vr-tip {
  text-align: left;
  padding: 0 1rem;
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
  white-space: normal; }

/*#endregion*/
/*#region 自动完成文本框*/
.vtc-options {
  background-color: white;
  border: 1px solid;
  box-shadow: 2px 4px 5px 0 #666666;
  line-height: 2rem;
  padding: 5px;
  height: 30rem !important;
  overflow-y: auto;
  overflow-x: hidden; }
  .vtc-options > li {
    font-size: 1.6rem;
    padding: 5px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .vtc-options > li:hover {
      background-color: #e3f3f9; }

/*#endregion*/
